﻿<table class="table table-striped table-condensed">
    <thead>
        <tr>
            <th>
              Short name
            </th>
             <th>
              Description
            </th>
            <th>
               Operations
            </th>
        </tr>
    </thead>
    <tbody data-bind="foreach: languages">
        <tr>
            <td data-bind="text: ShortName">
            </td>
            <td data-bind="text: Description">
            </td>   
            <td>
            <a data-toggle="modal" href="#EditLanguage" class="btn btn-small " data-bind="click: function() { $root.language.selectWorkingLanguage($data); }"><i class="icon-pencil "></i>Edit</a>
            <a data-toggle="modal" href="#DeleteLanguage" class="btn btn-small "  data-bind="click: function() { $root.language.selectWorkingLanguage($data); }"><i class="icon-trash "></i>Delete</a>
            <a data-toggle="modal" href="#DetailsLanguage" class="btn btn-small " data-bind="click: function() { $root.language.selectWorkingLanguage($data); }"><i class="icon-zoom-in "></i>Details</a>
            </td>
        </tr>
    </tbody>
</table><br />
<a data-toggle="modal" href="#CreateLanguage" class="btn btn-inverse" data-bind="click: function() { $root.language.selectNewLanguage(); }"><i class="icon-plus icon-white"></i><span>Create new language</span></a>
